{extend name="common@base/common" /}
{block name="style"}
    <link type="text/css" rel="stylesheet" href="__CSS__/main.min.css"/>
    <link type="text/css" rel="stylesheet" href="__CSS__/index.min.css"/>
{/block}
{block name="body"}
    {include file="muushop/public/_nav"/}
    <input type="hidden" data-location="home" />
    <div class="muushop_topmain">
        <div class="pic">
            {:widget('common/adv/render',[['name'=>'slider']])}
        </div>
    </div>


    <div class="promo-area">
        <div class="zigzag-bottom"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-xs-6">
                    <div class="single-promo promo1">
                        <i class="fa fa-refresh"></i>
                        <p>30 Days return</p>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6">
                    <div class="single-promo promo2">
                        <i class="fa fa-truck"></i>
                        <p>Free shipping</p>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6">
                    <div class="single-promo promo3">
                        <i class="fa fa-lock"></i>
                        <p>Secure payments</p>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6">
                    <div class="single-promo promo4">
                        <i class="fa fa-gift"></i>
                        <p>New products</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="main-container" class="container">
            {:widget('position/lists',['pos'=>1])}
            {:widget('position/lists',['pos'=>2])}
            {:widget('position/lists',['pos'=>4])}
    </div>
{/block}
{block name="script"}
<script src="__JS__/common.min.js"></script>
<script>
$(function(){
    $(document).scroll(function() {
            var nowTop = parseInt($(window).scrollTop());
            if(nowTop>60){
                $('.navbar-muushop').addClass('white-nav');
            }else{
                $('.navbar-muushop').removeClass('white-nav');
            }
        //}
    });
});
</script>
{/block}